
<link rel="stylesheet" href="./static/fineuploader.css">
<style>
    .tag-box {
        background: #fff none repeat scroll 0 0;
        margin-bottom: 30px;
        padding: 20px;
    }

    .tag-box h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .tag-box p {
        margin-bottom: 0;
    }

    .tag-box.tag-text-space p {
        margin-bottom: 10px;
    }

    .tag-box-v1 {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #72c02c #eee #eee;
        border-image: none;
        border-style: solid;
        border-width: 2px 1px 1px;
    }

    .tag-box-v2 {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #fafafa none repeat scroll 0 0;
        border-color: #eee #eee #eee #72c02c;
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 1px 2px;
    }

    .tag-box-v3 {
        border: 2px solid #eee;
    }

    .tag-box-v4 {
        border: 1px solid #bbb;
    }

    .tag-box-v5 {
        border: 1px solid #eee;
        margin: 20px 0;
        text-align: center;
        border-radius: 3px;
    }

    /*.tag-box-v5 span {
        color: #555;
        font-size: 28px;
        margin-bottom: 0;
    }*/

    .tag-box-v6 {
        background: #fafafa none repeat scroll 0 0;
        border: 1px solid #eee;
    }

    .tag-box-v7 {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #eee #eee #72c02c;
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 2px;
    }

    #uploadstart {
        /*
                width: 240px;
                padding: 0;
                height: 60px;
                font-size: 18px;
                line-height: 58px;
        */
    }

    #uploadstart .iconfont {
        font-size: 30px;
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

    #uploadstart .text {
        position: relative;
        top: -3px;
    }

    .qq-uploader-selector {
        height: auto;
    }

    .qq-upload-button-selector {
        margin-top: 140px;
        margin-bottom: 80px;
    }
</style>

<div class="release-app-wrap" style="">
  <!--改版-->
  <div class="release-app2">
    <!--面包屑导航-->
    <div class="crumbs iframe-crumbs">
      <img class="crumbs_icon" src="./static/crumbs_icon.png" />
      <a href="./apps">应用封装</a><span>/</span>上传应用
    </div>
    <!--/面包屑导航-->

    <div class="clearfix">
      <div class="left-collapse-box sidebar-fixed">
        <aside class="aside-left">
          <ul>
            <li>
              <a href="javascript:void(0);" class="left-collapse-title"
                ><img src="./static/right_bold.png" />应用封装</a
              >
            </li>
            <li class="active">
              <a href="javascript:;" 
                ><span class="iconfont icon-upload1"></span>上传应用</a
              >
            </li>
            <li>
              <a href="javascript:;" id="appPackageInner" onclick="switchTab('appPackageInner')" 
                ><span class="iconfont icon-41"></span>应用列表</a
              >
            </li>
          </ul>
        </aside>
        <!--
              <a class="big-bag-upload" href="/large-app">
                  <img src="/static/img/img-big.jpg" class="img-responsive">
              </a>
              -->
      </div>
      <div class="right-collapse-box">
        <div class="aside-right">
          <div class="warn-prompt" style="margin-bottom: 10px">
            <span class="icon-warn iconfont"></span>
            您当前尚未实名，APP只能下载5次；实名认证通过后，每天平台免费赠送100次下载（仅限300M以下的APP）。
            <a href="./certification" class="color-hover"
              >立即实名认证</a
            >
          </div>
          <div class="release-app">
            <div class="upload-file">
              <div
                class="row tag-box tag-box-v5"
                id="container"
                style="
                  background: rgb(250, 250, 251);
                  margin-top: 90px;
                  position: relative;
                "
              >
                <div class="span12">
                  <div id="bootstrapped-fine-uploader"></div>

                  <div class="qq-uploader-selector qq-uploader span12">
                    <div id="upprocess" style="display: none">
                      <span
                        class="qq-drop-processing-selector qq-drop-processing"
                      >
                        <!--                        <span>如果长时间没有反应请联系
                  <a target="_blank"
                     href="http://wpa.qq.com/msgrd?v=3&amp;uin=1455653215&amp;site=qq&amp;menu=yes">QQ:1455653215</a>处理</span>
-->
                        <span
                          class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"
                        ></span
                      ></span>
                      <div class="upload-app-icon" id="loading">
                        <img
                          src=""
                        />
                      </div>
                      <div class="loadend"></div>
                      <ul class="qq-upload-list-selector qq-upload-list">
                        <li>
                          <div style="margin-bottom: 20px">
                            <span id="upload-app-name">正在解析...</span>
                          </div>
                          <div style="margin-bottom: 20px">
                            正在上传中，请不要关闭浏览器
                          </div>
                          <div
                            class="qq-progress-bar-container-selector progress progress-striped active"
                          >
                            <div
                              class="qq-progress-bar-selector progress-bar progress-bar-warning"
                              role="progressbar"
                            ></div>
                          </div>
                          <span
                            class="qq-upload-spinner-selector qq-upload-spinner alreadyup"
                            style="width: auto; font-size: 14px"
                          ></span>
                          <span
                            class="qq-upload-file-selector qq-upload-file"
                          ></span>
                          <span
                            class="qq-upload-size-selector qq-upload-size tolsize"
                            style="width: auto; font-size: 14px"
                          ></span>
                          <br />
                          <br />
                          <a
                            class="qq-upload-cancel-selector btn-u btn-u-default ms-btn ms-btn-default"
                            href="javascript:;"
                            id="changest"
                            >暂停上传</a
                          >
                          <span
                            class="qq-upload-status-text-selector qq-upload-status-text"
                          ></span>
                          <div
                            id="retry"
                            style="display: none; margin-top: 20px"
                          >
                            <a
                              class="btn-u btn-u-default"
                              href="javascript:void(0);"
                              onclick="javascript:retry();"
                              >重新上传</a
                            >
                          </div>
                        </li>
                      </ul>
                    </div>
                    <div class="col-md-12">
                      <div
                        class="qq-upload-button-selector"
                        style="width: auto"
                        id="upbtn"
                      >
                        <div style="margin-bottom: 30px">
                          <img src="./static/upload-yun.png" />
                        </div>
                        <div>
                          <button
                            class="ms-btn ms-btn-primary upload-btn"
                            id="uploadstart"
                            style="
                              width: 240px;
                              padding: 0px;
                              height: 60px;
                              font-size: 18px;
                              line-height: 58px;
                              border-radius: 30px;
                              z-index: 1;
                            "
                          >
                            <span class="iconfont icon-upload"></span>
                            <span class="text">立即上传</span>
                          </button>
                        </div>
                        <div style="margin-top: 20px"></div>

                        点击按钮选择应用的安装包，或拖拽文件到此区域
                        <br />
                        （支持.ipa或.apk文件，单个文件最大支持
                        <span style="color: red; font-size: 14px"> 300M </span
                        >）
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  id="html5_1f54qj77l1udm17p52ii1hfgier4_container"
                  class="moxie-shim moxie-shim-html5"
                  style="
                    position: absolute;
                    top: 183px;
                    left: 409px;
                    width: 240px;
                    height: 60px;
                    overflow: hidden;
                    z-index: 0;
                  "
                >
                  <input
                    id="html5_1f54qj77l1udm17p52ii1hfgier4"
                    type="file"
                    style="
                      font-size: 999px;
                      opacity: 0;
                      position: absolute;
                      top: 0px;
                      left: 0px;
                      width: 100%;
                      height: 100%;
                    "
                    accept=".apk,.ipa"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="warn-prompt-wrap clearfix">
          <dl class="warn-prompt-cont">
            <dd>
              注1：请您确认上传的APP，符合《<a
                href="./about/specification"
                target="_blank"
                class="color-hover"
                >大众云应用审核规范</a
              >》，如违反规范，APP将做删除处理，屡次上传将被封禁账号。
              <br />注2：根据最新审核规范，不接受如下APP上传本平台：色情类、直播类、金融类、区块链虚拟币等。如已上传，将做删除处理。
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <!--/改版-->
</div>
